<section>
<i class="fa-brands fa-square-instagram fa-4x"></i>
<i class="fa-brands fa-instagram fa-4x"></i>
<i class="fa-brands fa-facebook fa-4x"></i>
<i class="fa-brands fa-square-facebook fa-4x"></i>
<i class="fa-brands fa-linkedin fa-4x"></i>
<i class="fa-brands fa-pinterest fa-4x"></i>
<i class="fa-brands fa-x-twitter fa-4x"></i>
<i class="fa-brands fa-square-x-twitter fa-4x"></i>
<i class="fa-brands fa-square-dribbble fa-4x"></i>
<i class="fa-brands fa-dribbble fa-4x"></i>
<i class="fa-brands fa-square-github fa-4x"></i>
<i class="fa-brands fa-github fa-4x"></i>
<i class="fa-brands fa-square-youtube fa-4x"></i>
<i class="fa-brands fa-youtube fa-4x"></i>
<i class="fa-brands fa-square-vimeo fa-4x"></i>
<i class="fa-brands fa-vimeo fa-4x"></i>
</section>

<div class="clearfix"></div><hr>
Thyme comes with Font Awesome built-in. To use it, search for the icon you want [here](https://fontawesome.com/icons) 

For example, `<i class="fa-brands fa-facebook-messenger fa-2x"></i>` will show a <i class="fa-brands fa-facebook-messenger fa-2x"></i> icon

<div class="clearfix"></div><hr>



<section class="row">
    <div class="col-md-4 col-xs-12">
        <h5>Awesome Font 4</h5>  
<i class="fa fa-info-circle fa-2x"></i> &nbsp; &nbsp;  <i class="fa fa-linkedin-square fa-2x"></i> &nbsp; &nbsp; <i class="fa fa-linux fa-2x"></i> &nbsp; &nbsp; <i class="fa fa-maxcdn fa-2x"></i> &nbsp; &nbsp; <i class="fa fa-paypal fa-2x"></i> &nbsp; &nbsp;  <i class="fa fa-pinterest-square fa-2x"></i> &nbsp; &nbsp; <i class="fa fa-renren fa-2x"></i>
    </div>
    <div class="col-md-4 col-xs-12">
        <h5>Awesome Font 5</h5> 
<i class="fas fa-gifts fa-2x"></i> &nbsp;  &nbsp;  <i class="fas fa-box-tissue fa-2x"></i> &nbsp;  &nbsp;  <i class="fas fa-box-open fa-2x"></i> &nbsp;  &nbsp; <i class="fas fa-sleigh fa-2x"></i>  &nbsp;  &nbsp; <i class="fas fa-x-ray fa-2x"></i>
    </div>
    <div class="col-md-4 col-xs-12">
        <h5>Awesome Font 6</h5> 
<i class="fa-brands fa-facebook-messenger fa-2x"></i> &nbsp; <i class="fa-solid fa-dumpster-fire fa-2x"></i>  &nbsp; <i class="fa-solid fa-fingerprint fa-2x"></i> &nbsp; <i class="fa-solid fa-shop-lock fa-2x"></i>  &nbsp; <i class="fa-brands fa-stripe fa-2x"></i>  &nbsp; <i class="fa-solid fa-gamepad fa-2x"></i>
    </div>
</section>

<div class="clearfix"></div><hr>



<i class="fa fa-info-circle"></i> Display icons on all pages with ExtraContent 3

<xmp><div id="myExtraContent3"></xmp> <xmp>  <a href="https://twitter.com/" target="_blank"><i class="fa-brands fa-square-x-twitter fa-2x"></i></a> </xmp> <xmp>  <a href="https://instagram.com/" target="_blank"><i class="fa-brands fa-square-instagram fa-2x"></i></a> </xmp> <xmp>  <a href="https://facebook.com/" target="_blank"><i class="fa-brands fa-square-facebook fa-2x"></i></a> </xmp> <xmp>  <a href="https://dribbble.com" target="_blank"><i class="fa-brands fa-square-dribbble fa-2x"></i></a> </xmp> <xmp>  <a href="https://github.com" target="_blank"><i class="fa-brands fa-square-github fa-2x"></i></a> </xmp> <xmp>  <a href="https://youtube.com" target="_blank"><i class="fa-brands fa-square-youtube fa-2x"></i></a> </xmp> <xmp>  <a href="https://vimeo.com" target="_blank"><i class="fa-brands fa-square-vimeo fa-2x"></i></a> </xmp> <xmp>  <a href="https://pinterest.com" target="_blank"><i class="fa-brands fa-pinterest-square fa-2x"></i></a> </xmp> <xmp> </div><!-- #myExtraContent  --> </xmp> 